.text-center1 {
  margin-top: 150px; /* 调整这个值直到内容不再重叠 */
}
/* 调整页面主体内容的边距 */
.main-content {
  margin-left: 250px; /* 与侧边导航栏宽度一致，避免内容被遮挡 */
}

/* 设置常见问题列表的最大高度，并启用滚动条 */
.faq-section {
  max-height: 500px; /* 这个值可以根据实际情况调整 */
  overflow-y: auto; /* 启用垂直滚动条 */
  margin-right: 250px; /* 添加右边距，防止内容重叠 */
}

/* 联系信息 */
.contact-info {
  margin-top: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f8f9fa;
  padding: 20px;
  box-shadow: 0 -2px 5px rgba(0,0,0,0.1); /* 底部阴影效果 */
}

.contact-info h2, .contact-info p, .contact-info ul {
  margin: 0 10px; /* 为元素增加左右边距 */
}

.contact-info ul {
  list-style: none; /* 移除列表符号 */
  padding: 0; /* 移除内边距 */
}

.contact-info li {
  display: inline; /* 列表项显示在一行 */
  margin-right: 15px; /* 列表项之间的边距 */
}

/* 响应式调整，例如在小屏幕上 */
@media (max-width: 768px) {
  .main-content {
    margin-left: 0;
  }

  .contact-info {
    flex-direction: column; /* 在小屏幕上堆叠排列 */
  }

  .contact-info li {
    margin-right: 0; /* 在小屏幕上移除列表项的右边距 */
  }
}
